<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-cache/no-store" />
	<!--[if IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="leftAndRight/list-style.css" />
	<style>
		.list-title{
			width: 98%;
			height: 40px;
			line-height: 40px;
			padding-left: 10px;
			border-bottom: 1px solid #adadad;
			cursor: move;
			color:#fff;
			background: #1E90FF;
		}
		.input-text {
			width: 140px;
		}

		.container {
			width: 50%;
			height: 100%;
			overflow: auto;
			float: left;
			position: fixed;
			cursor: pointer;
		}

		.queryTable {
			width: 45%;
			float: right;
			cursor: pointer;
		}

		/**当设备宽度小于980时*/

		@media screen and (max-width:980px) {
			.queryTable {
				display: none;
			}
			.container {
				width: 100%;
			}
		}
	</style>
	<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
	<title>部门表</title>
</head>

<body>
	<div class="container">
		<table class="table table-hover table-border table-bg">
			<tr>
				<th>部门表</th>
				<td>
					<button id="import" class="btn btn-primary radius">导入部门</button>
				</td>
			</tr>
			<tr>
				<td>部门代码</td>
				<td>
					<input id="departmentCode" class="input-text" type="text" disabled="disabled" />
					<span id="addDeptModalBtn" class="btn btn-primary radius" data-toggle="modal" data-target="#addDeptModal">添加部门</span>
				</td>
			</tr>
			<tr>
				<td>部门名称</td>
				<td>
					<select id="deptName" class="input-text"></select>&nbsp;&nbsp;&nbsp;
					<!-- 					<span id="addDeptBtn" class="btn btn-secondary-outline radius">+</span> -->
				</td>
			</tr>
			<tr>
				<td>状态</td>
				<td>
					<select id="status" class="input-text">
						<option>请选择</option>
						<option>使用</option>
						<option>禁用</option>
					</select>
				</td>
			</tr>
			<tr>
				<tr>
					<td>部门经理</td>
					<td>
						<select id="deptManager" class="input-text"></select>
					</td>
				</tr>
				<tr>
					<td>部门生产周期</td>
					<td>
						<input id="productionCycle" class="input-text" />
					</td>
				</tr>
				<tr>
					<td>是否为生产部门</td>
					<td>
						<select id="isProductionDept" class="input-text">
							<option value="-1">请选择</option>
							<option value="1">是</option>
							<option value="0">否</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>日产能</td>
					<td>
						<input id="dailyCapacity" type="text" class="input-text" placeholder="正整数" />
					</td>
				</tr>
				<tr>
					<td>日工作时长（小时）</td>
					<td>
						<input id="dailyWorkingHours" type="text" class="input-text" placeholder="大于0，小于24"/>
					</td>
				</tr>
				<tr>
					<td>休息类型</td>
					<td>
						<select id="restType" class="input-text">
							<option value="0">无</option>
							<option value="1">月休1天</option>
							<option value="2">月休2天</option>
							<option value="3">月休3天</option>
							<option value="4">周休1天</option>
							<option value="5">周休1.5天</option>
							<option value="6">周休2天</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>部门电话</td>
					<td>
						<input id="deptPhone" type="text" class="input-text" />
					</td>
				</tr>
				<tr>
					<td>审核人</td>
					<td>
						<input id="auditor" type="text" class="input-text" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>创建人</td>
					<td>
						<input id="creater" class="input-text" type="text" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>创建日期</td>
					<td>
						<input id="creationTime" class="input-text" type="text" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>上一次修改人</td>
					<td>
						<input id="lastModifier" class="input-text" type="text" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>上一次修改时间</td>
					<td>
						<input id="lastModifyTime" class="input-text" type="text" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td>序号</td>
					<td>
						<input id="sort" class="input-text" type="text" disabled="disabled" />
					</td>
				</tr>
				<tr>
					<td></td>
					<td>
						<button id="reportBtn" class="btn btn-primary radius">修改</button>
					</td>
				</tr>
		</table>
	</div>
	<div class="queryTable">
		<button id="view" class="btn" value='1'>切换状态查看</button>
		<table id="queryDeptTable" class="table table-gb table-hover">
			<thead>
				<tr>
					<th>部门代码</th>
					<th>部门名称</th>
					<th>状态</th>
				</tr>
			</thead>
			<tbody></tbody>
		</table>
	</div>
	<!-- 模态框 默认隐藏 -->
	<div id="addDeptModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="DeptModal" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<!-- 内容 -->
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h2 class="modal-title" id="addDeptModalLabel" style="font-size:22px;">添加部门</h2>
				</div>
				<div class="modal-body">
					<table class="table table-bg table-hover table-border">
						<tr>
							<td>部门名称</td>
							<td>
								<!-- 								<select id="modalDeptName" class="input-text"></select> -->
								<input id="modalDeptName" class="input-text" type="text" />
							</td>
						</tr>
						<tr>
							<td>状态</td>
							<td>
								<select id="modalStatus" class="input-text">
									<option>使用</option>
									<option>禁用</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>部门经理</td>
							<td>
								<select id="modalDeptManager" class="input-text"></select>
							</td>
						</tr>
						<tr>
							<td>部门生产周期</td>
							<td>
								<input id="modalProductionCycle" class="input-text" />
							</td>
						</tr>
						<tr>
							<td>是否为生产部门</td>
							<td>
								<select id="modalIsProductionDept" class="input-text">
									<option value="1">是</option>
									<option value="0">否</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>日产能</td>
							<td>
								<input id="modalDailyCapacity" type="text" class="input-text" placeholder="正整数" />
							</td>
						</tr>
						<tr>
							<td>日工作时长（小时）</td>
							<td>
								<input id="modalDailyWorkingHours" type="text" class="input-text" placeholder="大于0，小于24"/>
							</td>
						</tr>
						<tr>
							<td>休息类型</td>
							<td>
								<select id="modalRestType" class="input-text">
									<option value="0">无</option>
									<option value="1">月休1天</option>
									<option value="2">月休2天</option>
									<option value="3">月休3天</option>
									<option value="4">周休1天</option>
									<option value="5">周休1.5天</option>
									<option value="6">周休2天</option>
								</select>
							</td>
						</tr>
						<tr>
							<td>部门电话</td>
							<td>
								<input id="modalDeptPhone" type="text" class="input-text" />
							</td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="add" type="button" class="btn btn-primary">添加</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="importDeptModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">导入部门</h4>
				</div>
				<div class="modal-body">
					<div id="selectTitle" class="list-select ui-draggable">
						<div class="list-title ui-draggable-handle">
							<h4>选择要导入的部门（选项可双击、单击进行选择）</h4>
						</div>
						<div class="list-body">
							<ul class="item-box left-box ui-sortable ui-droppable" style="font-size:14px;">
							</ul>
							<div class="center-box">
								<button class="add-one btn btn-success radius" title="添加选中项">&gt;</button>
								<button class="add-all btn btn-success radius" title="添加全部">&gt;&gt;</button>
								<button class="remove-one btn btn-primary radius" title="移除选中项">&lt;</button>
								<button class="remove-all btn btn-primary radius" title="移除全部">&lt;&lt;</button>
							</div>
							<ul class="item-box right-box ui-sortable ui-droppable" style="font-size:14px;">
							</ul>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="addModalBtn">确定</button>
				</div>
			</div>
		</div>
	</div>
	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
	<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
	<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
	<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
	<script type="text/javascript" src="myJs/util.js"></script>
	<!--/_footer 作为公共模版分离出去 -->

	<!--请在下方写此页面业务相关的脚本 -->
	<script type="text/javascript" src="myJs/departmentTable.js"></script>
</body>

</html>